<div>
    <div>

        <Button type="primary" @click="startBurn" :disabled="burning">{{$t('开始烧录')}}</Button>
        <Button type="error" @click="stopBurn" :disabled="!burning">{{$t('停止烧录')}}</Button>
        <br />
        <Progress :percent="Math.floor(percent)" :stroke-width="20" status="active" text-inside />
        {{currentFileCnt}}/{{fileCnt}}
        <Alert type="warning" v-if="warn">{{warn}}</Alert>
        <Collapse simple>
            <Panel name="1">
                {{$t('详细信息')}}
                <template #content>
                    <pre ref="pre" @click="copyLog" style="max-height:30vh;overflow: scroll;"></pre>
                </template>
            </Panel>
        </Collapse>
        <div class="ivu-modal-footer" style="border:none">
            <a href="#" @click="downloadHex" style="text-decoration: underline;margin-right: 30px;">{{$t('下载镜像文件')}}</a>
            <i-button @click="cancel">{{$t('关闭')}}</i-button>
        </div>
    </div>
</div>